/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
	color:#000;
}
li{
	list-style:none;	
}
body{
	background:#F8F8F9;
}
/*头部开始*/
.head{
	width: 100%;
	height:45px;
	background:#F1F0F0;	
}
.head-center{
	width:1200px;
	height:45px;
	margin:0 auto;
}
.head-left,.head-right{
	width:50%;
	height:45px;
	float:left;
}
.head-left{
	line-height: 45px;
	color:#676767;
	font-size: 18px;
}
.head-right{
	float:right;
	position: relative;
}
.head-right i{
	float:right;
	font-size:22px;
	line-height: 45px;
	margin-right: 50px;
}
.head-right span{
	display: inline-block;
	width:20px;
	height:20px;
	line-height: 20px;
	background:red;
	border-radius:50%;
	color:#fff;
	text-align: center;
	position: absolute;
	right:38px;
	top:5px;
}
/*头部结束*/

/*导航开始*/
.nav{
	width: 100%;
	height:72px;
	background:#fff;
}
.nav-wrap{
	width:1200px;
	height:72px;
	margin:0 auto;
}
.nav-left{
	width:135px;
	float:left;
}
.nav-center{
	float:left;
	width: 550px;
	height:72px;
	overflow: hidden;
}
.nav-center ul li{
	float: left;
	line-height: 55px;
	margin-top: 15px;
}
.nav-center ul li a{
	display: block;
	color:#2A2A2A;
	padding: 0 10px;
	margin-right: 20px;
	font-size: 18px;
}
.nav-center ul li a:hover{
	color:#FF2A2A;
	border-bottom:2px solid #FF2A2A;
}
.nav-center .active{
	color:#FF2A2A;
	border-bottom:2px solid #FF2A2A;
}
.nav-right{
	width:515px;
	height:72px;
	float:left;
}
.nav-right input{
	width:295px;
	height:35px;
	border-radius:40px;
	border:0;
	outline: none;
	padding-left:40px;
	margin-top:25px;
	font-size: 16px;
	color: #757575;
	background:url(../imgs/fangdajing.png) no-repeat #DBD9D9 7px 3px;
}
.nav-right input::-webkit-input-placeholder{
	color:#989898;
}
.nav-right a{
	display: inline-block;
	width:120px;
	height:35px;
	background:#FF0000;
	border-radius: 40px;
	text-align: center;
	line-height: 35px;
	color:#fff;
	margin-left:46px;
}
/*导航结束*/

/*当前位置开始*/
.currnt{
	width: 100%;
	height: 50px;
	background: #E7E7E7;
	margin-bottom: 20px;
	clear: both;
}
.currnt-content{
	width: 1200px;
	height: 50px;
	margin: 0 auto;
}
.currnt-content p{
	line-height: 50px;
	color:#3E3E3E;
	font-size: 14px;
}
.currnt-content p span{
	margin-right: 5px;
	color: #2A2A2A;
	font-weight: bolder;
	font-size: 16px;
}
/*当前位置结束*/

#Middle{
	width: 1200px;
	height: 1000px;
	/*border:1px solid red;*/
	background:white;
	margin:0 auto;
}
.left-img{
	width:165px;
	height:697px;
	/*border:1px solid red;*/
	float:left;
}
.yj-img{
    width: 115px;
    height: 115px;
    /*border: 1px solid red;*/
    border-radius: 10px;
    margin: 20px auto;
    overflow: hidden;
}
.yj-img>img{
	display:block;
	width:115px;
}
.ct{
	width: 750px;
	height:998px;
	/*border:1px solid red;*/
	float:left;
}
.top{
	width:750px;
	height: 35px;
	/*border:1px solid red;*/
	float:left;
	margin-top:20px;
}
.top>span{
	display:block;
	line-height: 35px;
	margin-left:20px;
	float:left;
}
.top>div{
    width: 110px;
    height: 24px;
    background: #FE6164;
    float: left;
    line-height: 24px;
    text-align: center;
    margin-top: 6px;
    border-radius:10px;
    color:white;
    margin-left:15px;
}
.left-k{
	width: 255px;
	height: 310px;
	border:1px solid #D3D3D3;
	float:left;
	margin-left:24px;
	margin-top: 20px;
}
.top1{
	width:750px;
	height: 35px;
	/*border:1px solid red;*/
	float:left;
	/*margin-top:20px;*/
}
.top1>ul>li{
	width: 95px;
	height: 25px;
	background:#E5E3E3;
	border-radius:10px;
	line-height: 25px;
	text-align: center;
	margin-left:20px;
	float:left;
	margin-top:6px;
}
.top2{
	width:750px;
	height: 35px;
	/*border:1px solid red;*/
	float:left;
	margin-top:10px;
}
.top2>span{
	width: 50px;
	height: 25px;
	display:block;
	text-align: center;
	line-height: 20px;
	/*border-bottom:2px solid red;*/
	margin-left:20px;
}
.wz{
	width:728px;
	height: 90px;
	/*border:1px solid red;*/
	float:left;
	line-height: 20px;
	color:#707070;
	letter-spacing:5px;
	margin-left:20px;
}
.wz1{
	width:728px;
	height: 90px;
	/*border:1px solid red;*/
	float:left;
	line-height: 20px;
	color:#707070;
	letter-spacing:5px;
	margin-left:20px;
	margin-top:20px;
}
.wz2{
	width:728px;
	height: 240px;
	/*border:1px solid red;*/
	float:left;
	line-height: 20px;
	color:#707070;
	letter-spacing:5px;
	margin-left:20px;
	margin-top:20px;
}
.top3{
	width:750px;
	height: 35px;
	/*border:1px solid red;*/
	float:left;
	margin-top:10px;
}
.top3>span{
	width: 90px;
	height: 25px;
	display:block;
	text-align: center;
	line-height: 20px;
	/*border:1px solid red;*/
	margin-left:20px;
	margin-top:6px;
	letter-spacing:1px;
}
.wz3{
	width:728px;
	height: 120px;
	/*border:1px solid red;*/
	float:left;
	line-height: 20px;
	color:#707070;
	letter-spacing:5px;
	margin-left:20px;
}
.t-k{
	width: 195px;
	height: 40px;
	border-radius:10px;
	margin: 10px auto; 
	background:#FE393D;
	line-height:40px;
	text-align: center;
	color:white;
}
.b-k{
	width: 195px;
	height: 40px;
	border-radius:10px;
	margin: 10px auto; 
	background:#39A8FE;
	line-height:40px;
	text-align: center;
	color:white;
}
.n-k{
	width: 257px;
	height: 40px;
	/*border:1px solid red;*/
	float:left;

}
.n-l{
	width: 75px;
	height: 40px;
	/*border:1px solid red;*/
	display:block;
	line-height: 40px;
	text-align: center;
	float:left;
}
.n-r{
	width: 125px;
	height: 40px;
	/*border:1px solid red;*/
	display:block;
	float:left;
	margin-left:55px;
	line-height: 40px;
	color:red;
}
.n-r>img{
	display:block;
	float:left;
}
.yw{
	width: 50px;
	height: 40px;
	/*border:1px solid red;*/
	display:block;
	float:left;
	line-height: 40px;
	color:black;
}
.dan{
	width: 30px;
	height: 40px;
	/*border:1px solid red;*/
	display:block;
	float:right;
	color:black;
}
.xin{
	width: 255px;
	height: 150px;
	/*border:1px solid red;*/
	float:left;
}
.xin>ul>li{
	width: 255px;
	height: 42px;
	/*border:1px solid red;*/
	float:left;
	line-height: 42px;
	margin-left:10px;
}
.xin>ul>li>div{
	width: 140px;
	height: 30px;
	background:url("../imgs/demand_3.png");
	float:right;
	margin-top:5px;
	margin-right:20px;
}
#bottom{
	width: 1200px;
	height: 260px;
	/*border:1px solid red;*/
	margin:0 auto;
	background:white;
}
.m-t{
	width: 1200px;
	height: 50px;
	/*border:1px solid red;*/
	float:left;
	line-height: 50px;
	background:#F4F4F4;
}
.m-l{
	width: 240px;
	height: 180px;
	/*border:1px solid red;*/
	float:left;
	margin-left:20px;
	margin-top:20px;
}
.m-l>span{
	color:red;
}
.m-r{
	width: 936px;
	height: 170px;
	/*border:1px solid red;*/
	float:left;
	line-height: 20px;
    color: #707070;
    letter-spacing: 5px;
    margin-top:30px;
}
#Skill{
	width:1200px;
	height: 170px;
	margin: 0 auto;
	margin-top:20px;
	/*border:1px solid red;*/
}
.s-t{
	width: 1200px;
	height: 50px;
	background:white;
}
.s-t>span{
	width: 1200px;
	height: 50px;
	margin:0 auto; 
	line-height: 50px;
	display:block;
}
.s-m{
	width: 1200px;
	height: 120px;
	margin:0 auto;
	/*background:#F4F4F4; */
	/*border:1px solid red;*/
}
.s-m>ul>li{
	width: 100px;
	height: 95px;
	float:left;
	/*border:1px solid red;*/
	margin-top:10px;
	margin-left:20px;
	overflow:hidden;
}
#Works{
	width: 1200px;
	height: 600px;
	margin: 0 auto;
	/*background:pink;*/
}
.w-t{
	width: 1200px;
	height: 50px;
	background:white;
}
.w-t>span{
	width: 1200px;
	height: 50px;
	margin:0 auto; 
	line-height: 50px;
	display:block;
}
.w-m{
	width: 1200px;
	height: 361px;
	/*border:1px solid red;*/
	margin: 20px auto; 
}
.w-m>ul>li{
	width:592px;
	height: 361px;
	/*border:1px solid red;*/
	float:left;
}
.w-n{
	width: 1200px;
	height:100px;
	/*border:1px solid red;*/
	margin: 0 auto; 
	float:left;
}
.w-n>ul>li{
	width: 500px;
	height: 100px;
	/*border:1px solid red;*/
	float:left;
	line-height: 25px;
	color:#A8A8A8;
}
.w-n>ul>li>span{
	width: 500px;
	height: 30px;
	/*border:1px solid red;*/
	display:block;
	line-height: 30px;
	color:black;
}
.w-z{
	width: 1903px;
	height: 50px;
	background:white;
	float:left;
}
.w-z>span{
	width: 1200px;
	height: 50px;
	margin:0 auto; 
	line-height: 50px;
	display:block;
	color:red;
}

/*底部开始*/
.footer{
	width: 100%;
	height:280px;
	background: #E5E3E3;
}
.footerCenter{
	width:1200px;
	height:100%;
	margin: 0 auto;
}
.footer .bqsy{
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	padding-top: 20px;
}
.footer .list{
	height:150px;
}
.footer .list ul{
	width:200px;
	float:left;
	margin-top:30px;
}
.footer .list ul:nth-child(1){
	margin-left: 10px;
}
.footer .list ul:nth-child(2){
	margin-right:35px;
}
.footer .list ul li{
	font-size:14px;
	color:#605F5F;
	cursor: pointer;
}
.footer .list ul li:nth-child(1){
	font-size:18px;
	margin-bottom:15px;
	color:#2A2A2A;
}
.footer .list .weinxinqq{
	padding-top:40px;
} 
.footer .list .weinxinqq img{
	width:30px;
	height:30px;
	float: left;
	margin-right:10px;
}
.footer .footer-copy{
	border-top:1px solid #ccc;
	text-align: center;
	color: #616060;
	padding-top: 20px;
}
/*底部结束*/
.clear{
	clear: both;
}